// JavaScript Document
$(function(){
	locatesHover();
	commonTab($("#locateList"),0);
});
var mapObj,tool,view,scale;
function mapInit(){
	mapObj = new AMap.Map("mapContainer");
	mapObj.plugin(["AMap.ToolBar","AMap.OverView,AMap.Scale"],function(){
		//加载工具条，工具条包括方向键盘、缩放标尺和自动定位控制
		tool = new AMap.ToolBar({
			direction:false,
			ruler:false,
			autoPosition:false
		});
		mapObj.addControl(tool);
		//加载鹰眼
		view = new AMap.OverView({visible:false});
		mapObj.addControl(view);
		//加载比例尺
		scale = new AMap.Scale();
		mapObj.addControl(scale);
	});
	mapObj.setCenter(new AMap.LngLat(113.13171387,27.82647648));
	mapObj.setZoom(13);
}

function locatesHover(){
	$(".locates_list a").each(function(){
		var Lng = $(this).attr("Lng");
		var Lat = $(this).attr("Lat");
		var content = $(this).text();
		$(this).hover(
			function () {
				addComplexMarker(Lng,Lat,content);
			},
			function () {
				removemarker();
			}
		);
	});
}

function addComplexMarker(Lng,Lat,content){
	//自定义覆盖物dom 元素
	var m = document.createElement("div");
	m.className = "markerInfo";
	m.innerHTML = "<div class='content'>" + content + "</div><div class='shadow'></div>";

	//构建点对象
	var marker = new AMap.Marker({
		id:"m24",
		position:new AMap.LngLat(Lng,Lat), //基点位置
		offset:new AMap.Pixel(0,-35), //相对于基点的偏移位置
		//draggable:true,  //是否可拖动
		content:m   //自定义覆盖物内容
	});
	mapObj.addOverlays(marker);	 //添加到地图

	//mapObj.setCenter(new AMap.LngLat(Lng,Lat));
}
function removemarker(){
	mapObj.removeOverlays("m24");
}

//tabs
function commonTab(obj,def){
	//初始化显示效果
	obj.find(".tab_menu li").eq(def).addClass("active");
	obj.find(".tab_content").hide();
	obj.find(".tab_content").eq(def).show();
	//循环
	obj.find(".tab_menu li").each(function(i){
		$(this).click(function(){
			obj.find(".tab_menu li").removeClass("active");
			$(this).addClass("active");//激活被点击的菜单
			obj.find(".tab_content").hide();
			obj.find(".tab_content").eq(i).show(); //显示对应index的tabcontent
		});
	});
}

//drop down list
function dropDownList(ele){
	var obj = $("#"+ele);
	var self = $("a[dropDown="+ele+"]");
	var _top = self.offset().top + 45;
	var _left = self.offset().left + 10;
	obj.css({"display":"block","top":_top, "left":_left});
	obj.mouseover(function(){
		$(this).show();
	});
	obj.mouseout(function(){
		$(this).hide();
	});
	self.mouseout(function(){
		obj.hide();
	});
}